<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Prototipo Home Derecho UBA</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="screen" />

<!-- SLIDE -->
<link rel="stylesheet" href="orbit-1.2.3.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://www.uca.edu.ar/templates/uca/js/jquery-1.5.1.min.js?time=1379968754"></script>
<script type="text/javascript" src="http://www.uca.edu.ar/templates/uca/js/jquery.orbit-1.2.3.min.js?time=1379968754"></script>
<script type="text/javascript">
	//slider
    $(window).load(function() {
        $('#featured').orbit();
    });
	//fin slider
	
	//dropdown
	$(document).ready(function () {
		$('.dropdown-link')
			.mouseover(function () {
				var target = $(this).data('target');
				clearTimeout(window['time-'+target]);
				if ($('.dropdown-target.open:not(#'+target+')').length) {
					$('.dropdown-target.open:not(#'+target+')').hide();
					if (!$('#'+target).hasClass('open')) $('#'+target).show();
				} else {
					if (!$('#'+target).hasClass('open')) $('#'+target).fadeIn(300);
				}
				//if (!$('#'+target).hasClass('open')) $('#'+target).fadeIn(300);
				$('#'+target).addClass('open');
			})
			.mouseout(function () {
				var target = $(this).data('target');
				window['time-'+target] = setTimeout(
					function () {
						$('#'+target).fadeOut(150);
						$('#'+target).removeClass('open');
					}, 
				150)
			})
		$('.dropdown-target')
			.mouseenter(function () {
				var target = $(this).attr('id');
				clearTimeout(window['time-'+target]);
			})
			.mouseleave(function () {
				var target = $(this).attr('id');
				window['time-'+target] = setTimeout(
					function () {
						$('#'+target).fadeOut(150);
						$('#'+target).removeClass('open');
					}, 
				150)
			})
	})
	//fin dropdown
</script>	
<!-- SLIDE FIN -->

<style type="text/css">
/*dropdown*/
.dropdown-target {
	position:absolute;
	z-index:20;
	background-color:#FFF;
	border:solid 2px #4c4c4c;
	width:940px;
	display:none;
	margin-top:-1px;
	padding:8px
}

.dropdown-target .arrow {
	width:18px;
	height:12px;
	background-image:url(imagenes/arrow.png);
	display:block;
	position:absolute;
	top:-10px;
}

.dropdown-target .col {
	float:left;
	width:22%;;
	margin-right:2%
}

#dropdown1 .arrow {
	left:45px
}

#dropdown1 .btn {
	display:block;
	margin:10px 0;
	font-size:16px;
	padding:10px;
	width:120px;
	text-align:center
}

#dropdown2 .arrow {left:160px}
#dropdown3 .arrow {left:285px}
#dropdown4 .arrow {left:400px}
#dropdown5 .arrow {left:525px}
#dropdown6 .arrow {left:670px}
#dropdown7 .arrow {left:790px}
#dropdown8 .arrow {left:893px}
/*fin dropdown*/

/*botones*/
.btn {
	border: 0;
	font-size: 14px;
	cursor: pointer;
	padding: 6px 13px;
	position: relative;
	background: #3498db;
	display: inline-block;
	color: #fff !important;
	text-decoration: none !important;
}

.btn:hover {
	color: #fff;
	background: #2980b9;
	text-decoration: none;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.btn.verde {background: #1abc9c	}
.btn.verde:hover {background: #16a085}

.btn.naranja {background: #e67e22}
.btn.naranja:hover {background: #d35400}
/*fin botones*/

/*cajas*/
.info-box {
	width:150px;
	background:#3498db;
	padding:8px 20px;
	color:#fff;
	margin-top:8px
}

.info-box h4 {margin-top:10px; text-align:center}

/*fin cajas*/

/*menu*/
.menu {
	list-style:none;
	padding-left:0
}

.menu li {
	border-bottom:solid 1px #ddd;
	padding:10px
}

.menu li.last {border:none}

.menu a {
	color:#464646;
	font-size:16px
}

.menu a:hover {
	color: #3498db;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
/*fin menu*/

</style>

</head>

<body>
	<div id="content">
    
        <div class="cabecera-top">
            <table width="960" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="353">
                        <div id="MenuHorTop" align="right"><span><a href="http://www.uba.ar">UBA</a> | <a href="http://www.derecho.uba.ar/index_mapa.php">Mapa</a> | <a href="http://www.derecho.uba.ar/index_contactenos.php" >Cont&aacute;ctenos</a> | <a href="http://derecho.uba.ar/webmail/">Correo Electr&oacute;nico Acad&eacute;mico</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
                    </td>
                    <td width="607">
                        <div id="MenuHorTop" align="right"><span><a href="http://www.derecho.uba.ar">Alumnos</a> | <a href="http://www.uba.ar">Docentes</a> | <a href="http://www.derecho.uba.ar/index_mapa.php">Graduados</a> | <a href="http://www.derecho.uba.ar/index_contactenos.php" >Ingresante</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
                    </td>
                </tr>
            </table>
        </div>

        <!--
        <div class="cabecera-top">
          <div id="MenuHorTop" align="right"><span><a href="http://www.derecho.uba.ar">Inicio</a> | <a href="http://www.uba.ar">UBA</a> | <a href="http://www.derecho.uba.ar/index_mapa.php">Mapa</a> | <a href="http://www.derecho.uba.ar/index_contactenos.php" >Cont&aacute;ctenos</a> | <a href="http://derecho.uba.ar/webmail/">Correo Electr&oacute;nico Acad&eacute;mico</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
        </div>
        -->

        <div class="cabecera-med">
            <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
            	<tr>
					<td width="490" height="110" colspan="2" valign="middle" class="fondo">
                        <h1><a href="http://www.derecho.uba.ar"><strong>Facultad de Derecho - Universidad de Buenos Aires</strong></a></h1>
					</td>
					<td width="470" height="30" align="center" valign="middle">
						<div class="cse-branding-form"> 	
							<form action="http://www.derecho.uba.ar/index_resbus.php" id="cse-search-box">
								<input type="hidden" name="cx" value="007910097264156725590:4u2nbtj2ado">
                                <input type="hidden" name="cof" value="FORID:11">
                                <input type="hidden" name="ie" value="UTF-8">
                                <input type="text" name="q" class="boton-goo1" size="31" style="border: 1px solid rgb(126, 157, 185); padding: 2px; background-image: url(http://www.google.com/cse/intl/es/images/google_custom_search_watermark.gif); background-color: rgb(255, 255, 255); background-position: 0% 50%; background-repeat: no-repeat no-repeat;">
                                <input type="submit" name="sa" class="boton-goo" value="Buscar">
                                <input name="siteurl" type="hidden" value="localhost/derecho/2014/index-dropdown.html">
                                <input name="ref" type="hidden" value=""><input name="ss" type="hidden" value="">
                            </form>
                            <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&amp;lang=es"></script>
							<script type="text/javascript">
								var meta = document.createElement('link')
								meta.setAttribute('rel', 'shortcut icon');
								meta.setAttribute('href', 'http://www.derecho.uba.ar/imagenes/favicon.ico');
								meta.setAttribute('type', 'image/x-icon');
								document.getElementsByTagName('head').item(0).appendChild(meta);
							</script>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
        
        <div class="cleaner"></div>
        
        <div class="cabecera-foot">
			<div id="MenuHorPrin">
                <span>
                	&nbsp;&nbsp;<a class="dropdown-link" data-target="dropdown1" href="http://www.derecho.uba.ar/institucional/index.php">Institucional</a>&nbsp; | &nbsp;<a class="dropdown-link" data-target="dropdown2" href="http://www.derecho.uba.ar/academica/index.php">Acad&eacute;mica</a>&nbsp; | &nbsp;<a class="dropdown-link" data-target="dropdown3" href="http://www.derecho.uba.ar/investigacion/index.php">Investigaci&oacute;n</a>&nbsp; | &nbsp;<a class="dropdown-link" data-target="dropdown4" href="http://www.derecho.uba.ar/extension/index.php">Extensi&oacute;n</a>&nbsp; | &nbsp;<a class="dropdown-link" data-target="dropdown5" href="http://www.derecho.uba.ar/internacionales/index.php">Internacionales</a>&nbsp; | &nbsp;<a class="dropdown-link" data-target="dropdown6" href="http://www.derecho.uba.ar/publicaciones/index.php">Publicaciones</a>&nbsp; | &nbsp;<a class="dropdown-link" data-target="dropdown7" href="http://www.derecho.uba.ar/biblioteca/index.php">Biblioteca</a>&nbsp; | &nbsp;<a class="dropdown-link" data-target="dropdown8" href="http://www.derecho.uba.ar/academica/posgrados/index.php">Posgrado</a>
                </span>
            </div>
        </div>
        
        <div class="dropdown-target" id="dropdown1">
        	<div class="col">
        		<i class="arrow"></i>
                <a class="btn" href="#">
                	<img src="imagenes/icons/glyphs/bookmark.png" align="absbottom" /> Venenatis
                </a>
                <a class="btn verde" href="#">
                	<img src="imagenes/icons/glyphs/ok.png" align="absbottom" /> Nam semper
                </a>
                <a class="btn verde" href="#">
                	<img src="imagenes/icons/glyphs/ok.png" align="absbottom" /> Nam semper
                </a>
                <a class="btn naranja" href="#">
                	<img src="imagenes/icons/glyphs/info-sign.png" align="absbottom" /> Quisque 
                </a>
            </div>
            <div class="col">
            	<ul class="menu">
                	<li><a href="#">Etiam ultrices</a></li>
                    <li><a href="#">Tempus</a></li>
                    <li><a href="#">Nullam</a></li>
                    <li class="last"><a href="#">Aculis odio</a></li>
                </ul>
            </div>
            <div class="col">
            	<ul class="menu">
                	<li><a href="#">Vulputate</a></li>
                    <li><a href="#">Lorem ipsum</a></li>
                    <li><a href="#">Sed tincidunt</a></li>
                    <li class="last"><a href="#">Rhoncus</a></li>
                </ul>
            </div>
            <div class="col" style="margin-left:2%">
            	<div class="info-box">
                	<h4>Etiam consectetur</h4>
                    <p style="text-align:center"><img src="imagenes/icons/glyphs/lightbulb.png" /></p>
                    <p>Praesent fermentum, justo eu lobortis ornare, mi enim gravida massa.</p>
                </div>
            </div>
            <div class="cleaner"></div>
        </div>
        
        <div class="dropdown-target" id="dropdown2">
        	<i class="arrow"></i>
        	<div class="col">
            	<ul class="menu">
                	<li><a href="#">Phasellus</a></li>
                    <li><a href="#">Cursus convallis</a></li>
                    <li><a href="#">Phasellus</a></li>
                    <li class="last"><a href="#">Vitae felis</a></li>
                </ul>
            </div>
            <div class="col">
            	<ul class="menu">
                	<li><a href="#">Viverra</a></li>
                    <li><a href="#">Mauris porttitor</a></li>
                    <li><a href="#">Fermentum</a></li>
                    <li class="last"><a href="#">Integer</a></li>
                </ul>
            </div>
            <div class="col">
            	<ul class="menu">
                	<li><a href="#">Etiam ultrices</a></li>
                    <li><a href="#">Tempus</a></li>
                    <li><a href="#">Nullam</a></li>
                    <li class="last"><a href="#">Aculis odio</a></li>
                </ul>
            </div>
            <div class="col">
            	<ul class="menu">
                	<li><a href="#">Vulputate</a></li>
                    <li><a href="#">Lorem ipsum</a></li>
                    <li><a href="#">Sed tincidunt</a></li>
                    <li class="last"><a href="#">Rhoncus</a></li>
                </ul>
            </div>
        </div>
        
        <div class="dropdown-target" id="dropdown3">
        	<i class="arrow"></i>
            <p>Ejemplo 3</p>
        </div>
        
        <div class="dropdown-target" id="dropdown4">
        	<i class="arrow"></i>
            <p>Ejemplo 4</p>
        </div>
        
        <div class="dropdown-target" id="dropdown5">
        	<i class="arrow"></i>
            <p>Ejemplo 5</p>
        </div>
        
        <div class="dropdown-target" id="dropdown6">
        	<i class="arrow"></i>
            <p>Ejemplo 6</p>
        </div>
        
        <div class="dropdown-target" id="dropdown7">
        	<i class="arrow"></i>
            <p>Ejemplo 7</p>
        </div>
        
        <div class="dropdown-target" id="dropdown8">
        	<i class="arrow"></i>
            <p>Ejemplo 8</p>
        </div>
        
        
        
        <div class="sector-slide">
            <table width="960" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="300" height="300" align="left" valign="top">
                        <table width="100%" border="0" cellpadding="0" cellspacing="0">
                            <tr>
                                <td height="24" align="left" valign="middle" class="td-nov tit-item">
                                    &nbsp;&nbsp;<span class="tit-item1">Agenda</span>
                                </td>
                            </tr>
                            <tr>
                                <td align="left" valign="top">
                                    <iframe style="width: 300px; height: 260px" src="include/agenda.html" frameborder="0" scrolling="no"></iframe>
                                </td>
                            </tr>
                        </table>
¡                    </td>
                    <td width="660" align="left" valign="top">

                        <div id="featured">
                            <img src="imagenes/slide/slide-01.jpg" data-caption="#htmlCaption5" alt="" />
                            <img src="imagenes/slide/slide-02.jpg" data-caption="#htmlCaption2" alt="" />
                        </div>


                        <span id="htmlCaption5" class="orbit-caption">
                            <div style="margin-right: 15px; margin-left: 15px;">
                                <h2><a href="#">Mesa redonda sobre medidas cautelares</a></h2>
                                <p>Martes 29 de octubre de 2013 de 18 a 20 hs. en el SUM del Instituto Gioja, Facultad de Derecho (UBA) Expositora: Dra. Cristina Noemí Armella (Profesora Titular de Derecho Notarial Registral e Inmobiliario y de Contratos Civiles y Comerciales Facultad de Derecho UBA).</p>
                            </div>
                        </span>

                        <span id="htmlCaption2" class="orbit-caption">
                            <div style="margin-right: 15px; margin-left: 15px;">
                                <h2><a href="#">La Facultad homenajeó a la Profesora Emérita Hortensia Gutiérrez Posse</a></h2>
                                <p>El 24 de octubre se llevó a cabo en el Salón Rojo el Homenaje de la Facultad a la Profesora Emérita Dra. Hortensia D. T. Gutiérrez Posse. La actividad contó con una amplia concurrencia de colegas y discípulos.</p>
                            </div>
                        </span>



                    </td>
                </tr>
            </table>
        </div>

        <div class="separador"></div>


        <div>
            <table width="960" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="300" height="252" align="left" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
                            <tr>
                                <td height="24" align="left" valign="middle" class="td-nov tit-item">&nbsp;&nbsp;<span class="tit-item1">Perfiles</span></td>
                            </tr>
                            <tr>
                                <td height="80" align="left" valign="top"><ul>
                                        <li> Alumnos</li>
                                        <li> Docentes</li>
                                        <li> Ingresantes</li>
                                        <li> Graduados </li>
                                    </ul></td>
                            </tr>
                            <tr>
                                <td height="24" align="left" valign="middle" class="td-nov tit-item">&nbsp;&nbsp;<span class="tit-item1"></span><span class="tit-item1">Accesos directos</span></td>
                            </tr>
                            <tr>
                                <td align="left" valign="top">- Centro de Consulta Personal<br />
                                    - Portal Académico<br />
                                    - Calendario Académico<br />
                                    - Carrera Docente<br />
                                    - Concursos Docentes<br />
                                    - Consejo Directivo</td>
                            </tr>
                        </table></td>
                    <td width="660" align="left" valign="top"><table width="660" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td width="330" height="100"><table width="330" border="0" cellspacing="2" cellpadding="2">
                                        <tr>
                                            <td width="80" height="80" align="center" valign="middle"><img src="imagenes/icons/ico_20131025_gutierrez-posse.jpg" alt="Imagen" width="80" height="80" class="img-borde" /></td>
                                            <td align="left" valign="top"><a href="institucional/noticias/not_2013_la-facultad-homenajeo-a-la-profesora-emerita-hortensia-gutierrez-posse.php"><strong>Homenaje a la Profesora Emérita Hortensia Gutiérrez Posse</strong></a><br />
                                                Colegas y discípulos de la profesora Gutiérrez Posse expresaron unas palabras en su honor.</td>
                                        </tr>
                                    </table></td>
                                <td width="330"><table width="330" border="0" cellspacing="2" cellpadding="2">
                                        <tr>
                                            <td width="80" height="80" align="center" valign="middle"><img src="imagenes/icons/ico_20110602_gioja.jpg" alt="Imagen" width="80" height="80" class="img-borde" /></td>
                                            <td align="left" valign="top"><a href="institucional/noticias/not_2013_la-facultad-homenajeo-a-la-profesora-emerita-hortensia-gutierrez-posse.php"><strong>Homenaje a la Profesora Emérita Hortensia Gutiérrez Posse</strong></a><br />
                                                Colegas y discípulos de la profesora Gutiérrez Posse expresaron unas palabras en su honor.</td>
                                        </tr>
                                    </table></td>
                            </tr>
                            <tr>
                                <td width="330" height="100"><table width="330" border="0" cellspacing="2" cellpadding="2">
                                        <tr>
                                            <td width="80" height="80" align="center" valign="middle"><img src="imagenes/icons/ico_20110714_facu-ext4.jpg" alt="Imagen" width="80" height="80" class="img-borde" /></td>
                                            <td align="left" valign="top"><a href="institucional/noticias/not_2013_la-facultad-homenajeo-a-la-profesora-emerita-hortensia-gutierrez-posse.php"><strong>Homenaje a la Profesora Emérita Hortensia Gutiérrez Posse</strong></a><br />
                                                Colegas y discípulos de la profesora Gutiérrez Posse expresaron unas palabras en su honor.</td>
                                        </tr>
                                    </table></td>
                                <td width="330"><table width="330" border="0" cellspacing="2" cellpadding="2">
                                        <tr>
                                            <td width="80" height="80" align="center" valign="middle"><img src="imagenes/icons/tapagr_220.jpg" alt="Imagen" width="80" height="80" class="img-borde" /></td>
                                            <td align="left" valign="top"><a href="institucional/noticias/not_2013_la-facultad-homenajeo-a-la-profesora-emerita-hortensia-gutierrez-posse.php"><strong>Homenaje a la Profesora Emérita Hortensia Gutiérrez Posse</strong></a><br />
                                                Colegas y discípulos de la profesora Gutiérrez Posse expresaron unas palabras en su honor.</td>
                                        </tr>
                                    </table></td>
                            </tr>
                            <tr>
                                <td width="330" height="100"><table width="330" border="0" cellspacing="2" cellpadding="2">
                                        <tr>
                                            <td width="80" height="80" align="center" valign="middle"><img src="imagenes/icons/ico_facu_dia_20110323.jpg" alt="Imagen" width="80" height="80" class="img-borde" /></td>
                                            <td align="left" valign="top"><a href="institucional/noticias/not_2013_la-facultad-homenajeo-a-la-profesora-emerita-hortensia-gutierrez-posse.php"><strong>Homenaje a la Profesora Emérita Hortensia Gutiérrez Posse</strong></a><br />
                                                Colegas y discípulos de la profesora Gutiérrez Posse expresaron unas palabras en su honor.</td>
                                        </tr>
                                    </table></td>
                                <td width="330"><table width="330" border="0" cellspacing="2" cellpadding="2">
                                        <tr>
                                            <td width="80" height="80" align="center" valign="middle"><img src="imagenes/icons/ico_facu_20110316.jpg" alt="Imagen" width="80" height="80" class="img-borde" /></td>
                                            <td align="left" valign="top"><a href="institucional/noticias/not_2013_la-facultad-homenajeo-a-la-profesora-emerita-hortensia-gutierrez-posse.php"><strong>Homenaje a la Profesora Emérita Hortensia Gutiérrez Posse</strong></a><br />
                                                Colegas y discípulos de la profesora Gutiérrez Posse expresaron unas palabras en su honor.</td>
                                        </tr>
                                    </table></td>
                            </tr>
                        </table></td>
                </tr>
            </table>
        </div>

        <div>
            <table width="960" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="240" bgcolor="#00FFFF">&nbsp;</td>
                    <td width="240" bgcolor="#996600">&nbsp;</td>
                    <td width="240" bgcolor="#FFFF00">&nbsp;</td>
                    <td width="240" bgcolor="#FF0000">&nbsp;</td>
                </tr>
            </table>
            <p>&nbsp;</p>
        </div>
    </div>
</body>
</html>